<template>
	<view class="container">
		<view class="list">
			<view class="list__head">
				<view class="list__headin">
					<view class="list__headin-title">主要法律法规</view>
					<navigator :url="'./review/index?type=3'" hover-class="none" class="list__headin-more">更多 &gt;</navigator>
				</view>
			</view>
			<study-no-data v-if="noData"></study-no-data>
			<statute-content v-else :list="statuteList"></statute-content>
		</view>
	</view>
</template>

<script>
	import {
		isEmpty
	} from '@/utils/index';
	import statuteContent from "./statuteContent";
	import studyNoData from '../studyNoData'
	export default {
		components: {
			statuteContent,
			studyNoData
		},
		props: {
			statuteList: {
				type: Array,
				default: function() {
					return [];
				}
			}
		},
		data() {
			return {};
		},
		created() {
		},
		computed: {
			noData() {
				console.log(this.statuteList)
				return isEmpty(this.statuteList);
			}
		},
		watch: {},
		methods: {}
	};
</script>

<style lang="scss">
	// 列表
	.list {
		width: 100%;
		background-color: #fff;
		padding-bottom: 20upx;

		&__head {
			padding-top: 20upx;

			.list__headin {
				display: flex;
				padding: 0 30upx 0;
				margin-top: 15upx;
				// border-left: 10upx solid #377cfd;

				&-title {
					font-size: 30upx;
					font-weight: 600;
					text-align: left;
					flex: 1.5;
				}

				&-more {
					font-size: 24upx;
					text-align: right;
					flex: 0.5;
					color: #999999;
					font-family: SimSun-ExtB;
				}
			}
		}
	}
</style>
